522. Araxis Merge File Comparison Report

Produced by Araxis Merge on 2021-05-13 09:09:34 +0000. See www.araxis.com for information about Merge. This report uses XHTML and CSS2, and is best viewed with a modern standards-compliant browser. For optimum results when printing this report, use landscape orientation and enable printing of background images and colours in your browser.

522.1 Files compared

#LocationFileLast Modified
12021-05-13 09:09:34 +0000
2/Applications/Ampps/www/Porto v4.0.0/Theme Files/Magento 2.x/Porto Theme/pub/media/porto/configed_csssettings_demo30_en.css2021-04-28 03:14:22 +0000

522.2 Comparison summary

DescriptionBetween
Files 1 and 2
Text BlocksLines
Unchanged00
Changed00
Inserted11077
Removed00

522.3 Comparison options

WhitespaceConsecutive whitespace is treated as a single space
Character caseDifferences in character case are significant
Line endingsDifferences in line endings (CR and LF characters) are ignored
CR/LF charactersNot shown in the comparison detail
Active line-pairing rules

522.4 Active regular expressions

No regular expressions were active.

522.5 Comparison detail

    1 /**
    2  * WARNING: Do not change this file. Your changes will be lost.
    3  * 2021-04-28 03:14:21 */
    4 @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');body.boxed {
    5 }
    6 @media (min-width: 768px) {
    7     .page-layout-1column .product-info-main, .page-layout-2columns-left .product-info-main, .page-layout-2columns-right .product-info-main, .page-layout-3columns .product-info-main,.page-product-downloadable .product-options-bottom {
    8         width: 49%;
    9     }
    10     .page-layout-1column .product.media, .page-layout-2columns-left .product.media, .page-layout-2columns-right .product.media, .page-layout-3columns .product.media,.page-product-downloadable .product-options-wrapper {
    11         width: 49%;
    12     }
    13 
    14     .page-layout-1column .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-left .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-right .column.main > .custom-block ~ .product-info-main, .page-layout-3columns .column.main > .custom-block ~ .product-info-main {
    15         width: 36.75%;
    16     }
    17     .page-layout-1column .column.main > .custom-block ~ .product.media, .page-layout-2columns-left .column.main > .custom-block ~ .product.media, .page-layout-2columns-right .column.main > .custom-block ~ .product.media, .page-layout-3columns .column.main > .custom-block ~ .product.media {
    18         width: 36.75%;
    19     }
    20 }
    21 
    22 .block.category.event, .footer.content, .header.content, .navigation, .page-header .header.panel, .page-main, .page-wrapper>.breadcrumbs, .page-wrapper>.page-bottom, .page-wrapper>.widget, .top-container, .container {
    23     padding-left: 10px;
    24     padding-right: 10px;
    25 }
    26 .row {
    27     margin-left: -10px;
    28     margin-right: -10px;
    29 }
    30 .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
    31     padding-right: 10px;
    32     padding-left: 10px;
    33 }
    34 .row.no-gutters {
    35     margin: 0;
    36 }
    37 #at4-share {
    38     z-index: 3 !important;
    39 }
    40 .at4m-dock.at4-ma1 a {
    41     float: right !important;
    42 }
    43 .atss .at-share-btn .at-icon-wrapper, .atss a .at-icon-wrapper {
    44     background-color: #000 !Important;
    45 }
    46 .atss .at-share-btn {
    47     margin: 0 1px 1px 0 !important;
    48 }
    49 @media (max-width: 767px) {
    50     .atss .at-share-btn {
    51         max-width: 40px;
    52         pointer-events: all;
    53     }
    54     .at-share-dock.atss {
    55         box-shadow: none !important;
    56         pointer-events: none;
    57     }
    58 }
    59 .at4m-dock-toggle {
    60     left: 0 !important;
    61     right: auto !important;
    62 }
    63 .page-wrapper > .breadcrumbs {
    64     margin-bottom: 0;
    65     padding: 0 10px;
    66 }
    67 .page-wrapper > .breadcrumbs .items {
    68     padding: 26px 0;
    69     border-bottom: 1px solid #303438;
    70 }
    71 .breadcrumbs .items {
    72     font-size: 10px;
    73     text-transform: uppercase;
    74     font-weight: 600;
    75 }
    76 .breadcrumbs strong {
    77     font-weight: 600;
    78 }
    79 .breadcrumbs .items > li {
    80     vertical-align: middle;
    81 }
    82 .breadcrumbs .item:not(:last-child):after {
    83     font-size: 8px;
    84 }
    85 .page-wrapper > .breadcrumbs .item:not(:last-child):after {
    86     line-height: 14px;
    87 }
    88 .block-category-list .block-title, .filter-options-title, .filter .filter-current-subtitle {
    89     padding: 6px 0;
    90     border: 0;
    91     background-color: transparent;
    92     border-bottom: 1px solid #303438;
    93     margin-bottom: 20px;
    94     font-size: 12px;
    95     font-weight: 600;
    96     color: #fff;
    97     text-transform: uppercase;
    98     letter-spacing: 0.05em;
    99 }
    100 .block-category-list .block-content, .filter-options-content, .filter-current .items {
    101     border: 0;
    102     background-color: transparent;
    103     padding: 10px 0;
    104 }
    105 .filter-actions {
    106     border: 0;
    107     background-color: transparent;
    108     border-top: 1px solid #303438;
    109 }
    110 .filter-options-title:after {
    111     content: "\f882";
    112     border: 0;
    113     color: #fff;
    114     font-size: 12px;
    115     text-align: right;
    116     right: 0;
    117     line-height: 26px;
    118     background-color: transparent
    119 }
    120 .filter-options-title:hover:after {
    121     background-color: transparent;
    122     color: #fff;
    123 }
    124 .active > .filter-options-title:after {
    125     content: "\f883";
    126 }
    127 .swatch-option {
    128     border-color: #303438;
    129 }
    130 .swatch-option.text {
    131     font-family: "Poppins";
    132     color: #000 !important;
    133     font-weight: 400;
    134 }
    135 .swatch-option.image:not(.disabled):hover, .swatch-option.color:not(.disabled):hover, .swatch-option:not(.disabled):hover {
    136     border-color: #000;
    137 }
    138 .swatch-attribute.size .swatch-option, .swatch-attribute.manufacturer .swatch-option {
    139     background-color: #222529;
    140     border-color: #fff;
    141     color: #fff !important;
    142 }
    143 .sidebar-title {
    144     border-bottom: 1px solid #303438;
    145     padding-bottom: 10px;
    146     margin-bottom: 20px;
    147     font-size: 12px;
    148     font-weight: 600;
    149     color: #fff;
    150 }
    151 .sidebar .sidebar-filterproducts .owl-top-narrow .owl-theme .owl-controls {
    152     top: -35px;
    153     right: -5px;
    154 }
    155 .sidebar-filterproducts .owl-top-narrow .owl-theme .owl-controls .owl-nav [class*=owl-] {
    156     font-size: 14px;
    157 }
    158 .page-products .toolbar .limiter .limiter-text {
    159     display: none;
    160 }
    161 .page-products .sorter {
    162     float: left;
    163 }
    164 .modes {
    165     float: right;
    166     margin-right: 0;
    167     margin-left: 20px;
    168     margin-top: 4px;
    169 }
    170 .modes-mode:before {
    171     content: '\e880';
    172     font-size: 14px;
    173 }
    174 .mode-list:before {
    175     content: '\e87b';
    176     font-size: 14px;
    177 }
    178 .products.wrapper ~ .toolbar .limiter {
    179     float: left;
    180 }
    181 .products.wrapper ~ .toolbar .pages {
    182     float: right;
    183 }
    184 .modes-mode.active {
    185     border: none;
    186     background: none;
    187     color: #999;
    188 }
    189 .modes-mode,.modes-mode:hover {
    190     border: none;
    191     background: none;
    192     color: #999;
    193     width: 15px;
    194 }
    195 .toolbar select {
    196     border: 1px solid #303438;
    197     height: 37px;
    198     color: #7a7d82;
    199     font-weight: 400;
    200     font-size: 14px;
    201     text-transform: capitalize;
    202     padding: 0 10px;
    203     padding-right: 30px;
    204     line-height: 31px;
    205 }
    206 .toolbar-sorter .sorter-action {
    207     margin-top: 6px;
    208     color: #21293c;
    209 }
    210 .toolbar-sorter .sorter-action:before {
    211     color: #21293c;
    212 }
    213 .pages a.page,.pages strong.page,.pages .action {
    214     width: 32px;
    215     line-height: 32px;
    216 }
    217 .pages a.page,.pages .action {
    218     background-color: #303438;
    219     border-color: #303438;
    220     color: #fff;
    221 }
    222 .products-grid + .toolbar.toolbar-products {
    223     border-top: solid 1px #303438;
    224     padding-top: 25px;
    225 }
    226 .product-item .product-reviews-summary {
    227     background: none;
    228 }
    229 .product-label.sale-label {
    230     border-radius: 20px;
    231     color: #ffffff;
    232 }
    233 .product-label.new-label {
    234     border-radius: 20px;
    235     color: #ffffff;
    236 }
    237 .product-labels .product-label {
    238     height: 21px;
    239     font-size: 11px;
    240     line-height: 21px;
    241     padding: 0 10px;
    242 }
    243 .product-labels {
    244     left: 10px;
    245     right: auto;
    246 }
    247 .product-labels .product-label {
    248     border-radius: 0;
    249 }
    250 .product-info-main .product-reviews-summary, .customer-review .product-reviews-summary {
    251     margin-bottom: 20px;
    252 }
    253 .product-options-bottom .price-box .price-container .price, .product-info-price .price-box .price-container .price {
    254     font-weight: 400;
    255 }
    256 .product-info-main .product-info-price {
    257     border: 0;
    258     margin-bottom: 0;
    259 }
    260 .swatch-attribute-label {
    261     font-weight: 400;
    262     font-size: 14px;
    263     color: #000;
    264 }
    265 .product-options-wrapper {
    266     border: 0;
    267     padding: 0;
    268 }
    269 .product-social-links {
    270     border: 0;
    271     padding: 0;
    272 }
    273 .block.upsell .title {
    274     background: transparent;
    275     border-bottom: 1px solid #303438;
    276     padding-bottom: 10px;
    277     margin-bottom: 20px;
    278 }
    279 .block.upsell .title strong {
    280     background-color: transparent;
    281     font-size: 14px;
    282     font-weight: 600;
    283 }
    284 .products-upsell .owl-middle-narrow.owl-theme .owl-controls {
    285     width: 100%;
    286     left: 0;
    287 }
    288 .bundle-info .fieldset > .field.qty, .bundle-info .box-tocart .actions {
    289     margin-bottom: 20px;
    290     margin-right: 30px;
    291 }
    292 .bundle-options-container .block-bundle-summary .price-box .price-wrapper, .bundle-options-container .block-bundle-summary .price-box .price-wrapper > .price {
    293     color: #000;
    294 }
    295 .weltpixel-quickview-catalog-product-view .column.main > .custom-block, .weltpixel-quickview-catalog-product-view .addthis-smartlayers {
    296     display: none;
    297 }
    298 .minicart-items .product-image-container {
    299     border: 1px solid #303438;
    300 }
    301 .minicart-items .product-item:not(:first-child) {
    302     border: 0;
    303 }
    304 .block-minicart .block-content > .actions > .primary .action.primary {
    305     font-family: "Poppins";
    306     font-weight: 400;
    307     letter-spacing: 1px;
    308     height: 60px;
    309 }
    310 .block-minicart .block-content > .actions > .secondary .action.viewcart {
    311     border: 2px solid #303438;
    312     text-decoration: none;
    313     font-family: "Poppins";
    314     letter-spacing: 1px;
    315     height: 60px;
    316     line-height: 36px;
    317 }
    318 .minicart-items .product-item-pricing .label {
    319     width: auto;
    320 }
    321 .minicart-items .price-container .price {
    322     font-weight: 400;
    323     font-size: 16px;
    324 }
    325 .minicart-items .product-item-details {
    326     padding-top: 0;
    327     padding-bottom: 0;
    328 }
    329 .product-item .tocart {
    330     font-size: 13px;
    331     letter-spacing: 0;
    332 }
    333 .weltpixel-quickview-catalog-product-view .moved-add-to-links {
    334     display: none;
    335 }
    336 .product-reviews-summary .reviews-actions a {
    337     color: #000;
    338 }
    339 .product.data.items > .item.title > .switch {
    340     color: #777;
    341     font-size: 14px;
    342     font-weight: 600;
    343     text-transform: uppercase;
    344 }
    345 @media (min-width: 768px) {
    346     .product-info-main .page-title-wrapper h1 {
    347         margin-bottom: 20px;
    348     }
    349     .product-info-main .product-add-form {
    350         padding-top: 0;
    351     }
    352     .product.data.items > .item.title > .switch {
    353         border: 0;
    354         height: 50px;
    355         line-height: 50px;
    356         padding: 0 25px;
    357         background-color: transparent;
    358     }
    359     .product.info.detailed:not(.vertical) .product.data.items > .item.title.active > .switch, .product.info.detailed:not(.vertical) .product.data.items > .item.title.active > .switch:focus, .product.info.detailed:not(.vertical) .product.data.items > .item.title.active > .switch:hover {
    360         color: #fff;
    361         border-bottom: 2px solid #fff !important;
    362         background-color: #222529;
    363     }
    364     .product.data.items > .item.title > .switch, .product.data.items > .item.title > .switch:visited {
    365         color: #818692;
    366         padding: 0;
    367         margin-right: 30px;
    368         height: 40px;
    369         line-height: 40px;
    370     }
    371     .product.data.items > .item.title:not(.active) > .switch:hover {
    372         color: #fff;
    373         border-bottom: 2px solid #fff;
    374         background-color: #222529;
    375     }
    376     .product.data.items > .item.content {
    377         box-shadow: none;
    378         border: 0;
    379         border-top: 1px solid #303438;
    380         padding: 30px 0;
    381         margin-top: 48px;
    382     }
    383     .data.switch .counter {
    384         color: inherit;
    385     }
    386 }
    387 @media (max-width: 639px) {
    388     .filter.active .filter-subtitle {
    389         font-family: "Poppins";
    390         font-size: 13px;
    391         text-transform: uppercase;
    392         color: #000;
    393         letter-spacing: 1px;
    394         padding: 8px 15px;
    395     }
    396     .filter.active .filter-title strong {
    397         top: 0;
    398     }
    399     .filter.active .filter-title strong:after {
    400         color: #000;
    401     }
    402     .filter.active .filter-options {
    403         padding: 0 15px;
    404     }
    405 }
    406 .pages a.page:visited {
    407     color: #fff;
    408 }
    409 .sidebar-filterproducts + h2 {
    410     border-bottom: 1px solid #303438;
    411     padding-bottom: 6px;
    412     font-size: 12px !important;
    413     text-transform: none;
    414     letter-spacing: 0.05em;
    415     text-transform: uppercase;
    416 }
    417 button.action.primary {
    418     text-transform: uppercase;
    419 }
    420 .page-main > .page-title-wrapper .page-title {
    421     text-transform: uppercase;
    422     font-weight: 700;
    423 }
    424 .product-info-main .swatch-attribute-options {
    425     margin-top: 10px;
    426 }
    427 .product-item-name, .product.name a, .abs-product-link>a:visited, .product-item-name>a:visited, .product.name a>a:visited {
    428     color: #fff;
    429 }
    430 .product-info-main .stock.available, .product-info-main .stock.unavailable, .product-info-main .product.sku {
    431     font-size: 14px;
    432     color: #fff;
    433 }
    434 .block-minicart .amount .price-wrapper:first-child .price, .minicart-items .product-item-details .price {
    435     color: #fff;
    436 }
    437 .block-minicart .items-total .count {
    438     color: #fff;
    439 }
    440 @media (min-width: 768px) {
    441     .weltpixel-quickview-catalog-product-view .product-info-main {
    442         width: 57%;
    443     }
    444     .weltpixel-quickview-catalog-product-view .product.media {
    445         width: 40%;
    446     }
    447 }
    448 .block-category-list {
    449     margin-top: -10px;
    450 }
    451 @media (max-width: 480px) {
    452     .toolbar .limiter .label {
    453         min-width: 41.8px;
    454     }
    455 }
    456 .sidebar .custom-block {
    457     background: none;
    458 }
    459 @media (min-width: 768px) {
    460 .product.info.detailed.vertical .product.data.items > .item.content {
    461     padding: 0 30px;
    462 }
    463 }
    464 .catalog-product-view.product-type-sticky-right .product.info.detailed {
    465     width: 100%;
    466     margin-left: 0;
    467 }
    468 .catalog-product-view .sidebar .custom-block {
    469     border: none;
    470     color: #333;
    471     background: none;
    472 }
    473 .catalog-product-view .sidebar .custom-block-1>div i {
    474     color: #333;
    475     border: none;
    476     font-size: 40px;
    477     float: left;
    478 }
    479 .catalog-product-view .sidebar .custom-block-1>div {
    480     min-height: 65px;
    481     clear: both;
    482     padding: 18px 0;
    483     border-bottom: solid 1px #303438;
    484     margin-bottom: 0;
    485 }
    486 .catalog-product-view .sidebar .custom-block-1>div:last-child {
    487     border-bottom-width: 0;
    488 }
    489 .block-manufacturer {
    490     text-align: center;
    491     padding: 10px 20px 0;
    492     margin-bottom: 0;
    493 }
    494 .block-manufacturer hr {
    495     border-color: #303438;
    496     margin-bottom: 0;
    497 }
    498 .catalog-product-view .sidebar .custom-block-1>div h3 {
    499     font-size: 14px;
    500     font-weight: 600;
    501     line-height: 20px;
    502     letter-spacing: 0.005em;
    503     color: #333;
    504     margin-left: 80px;
    505 }
    506 .block.related {
    507     padding: 0 20px;
    508 }
    509 .block .title strong {
    510     font-size: 15px;
    511     font-weight: 600;
    512     color: #fff;
    513     letter-spacing: 0.01em;
    514     margin-bottom: 20px !important;
    515     padding-top: 0;
    516     text-transform: uppercase;
    517 }
    518 .block.related .product-items .product-item-actions {
    519     display: none;
    520 }
    521 .box-gotoproduct #product-gotoproduct-button {
    522     font-family: Poppins;
    523     letter-spacing: 1px;
    524     text-transform: uppercase;
    525 }
    526 .products-grid .product-item-details .product-item-actions .tocart {
    527     text-transform: uppercase;
    528     font-size: 12px;
    529     font-family: 'Poppins';
    530     font-weight: 600;
    531     color: #333;
    532     line-height: 34px;
    533     background-color: #fff;
    534     border-color: #ddd;
    535     height: 36px;
    536 }
    537 .product-item .tocart:before {
    538     content: '\e87f';
    539     font-size: 17px;
    540     vertical-align: middle;
    541 }
    542 .product-social-links .action.towishlist:before, .product-addto-links .action.towishlist:before, .block-bundle-summary .action.towishlist:before, .product-item .action.towishlist:before, .table-comparison .action.towishlist:before {
    543     content: '\e889';
    544 }
    545 .bundle-options-container .block-bundle-summary .product-addto-links > .action, .page-product-downloadable .product-addto-links > .action, .page-product-downloadable .action.mailto.friend {
    546     width: 38px;
    547     height: 38px;
    548     line-height: 38px;
    549     border: 0;
    550     color: #777;
    551 }
    552 .product-addto-links .action.tocompare, .product-social-links .action.mailto.friend, .page-product-downloadable .action.mailto.friend {
    553     display: none;
    554 }
    555 .price-box .price {
    556     font-family: 'Open Sans';
    557     font-weight: 600;
    558     color: #fff;
    559 }
    560 .old-price .price {
    561     color: #999;
    562 }
    563 .products-grid .product-item .product-item-info .weltpixel-quickview.weltpixel_quickview_button_v2 {
    564     font-family: Poppins;
    565     letter-spacing: normal;
    566 }
    567 .products-grid .product-item .product-item-info .weltpixel-quickview.weltpixel_quickview_button_v2 {
    568     font-family: inherit;
    569     letter-spacing: 0;
    570 }
    571 .catalog-category-view .column.main .products-grid {
    572     margin: 10px -10px;
    573 }
    574 #ln_slider_price.ui-slider-horizontal {
    575     height: 3px;
    576 }
    577 
    578 #ln_slider_price .ui-slider-handle {
    579     width: 11px;
    580     height: 11px;
    581     margin-top: -4px;
    582     border-radius: 6px;
    583 }
    584 .block-category-list .block-content, .filter-options-content, .filter-current .items, .sidebar .sidebar-filterproducts {
    585     padding-left: 15px;
    586 }
    587 .products-list .product-item-photo {
    588     margin: 0;
    589 }
    590 .products-list .product-item-info .product.name a {
    591     font-size: 18px;
    592     font-weight: 600;
    593 }
    594 .products-grid .product-item-details .product-item-actions .actions-secondary {
    595     background-color: #fff;
    596     border: 1px solid #ddd;
    597     width: 36px;
    598     height: 36px;
    599     line-height: 34px;
    600 }
    601 .products-grid .product-item-details .product-item-actions .actions-secondary:hover {
    602     background-color: #fff;
    603     color: #333;
    604 }
    605 @media (min-width: 768px) {
    606 .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-right-block > a {
    607     display: block;
    608     position: relative;
    609     height: 100%;
    610     overflow: hidden;
    611 }
    612 .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-right-block > a > img {
    613     object-fit: cover;
    614     width: 100%;
    615     height: 100%;
    616     position: absolute;
    617 }
    618 }
    619 .fotorama__stage__shaft {
    620     border: 0;
    621     background-color: #222529;
    622 }
    623 .fotorama__stage {
    624     border: 0;
    625 }
    626 .product-info-main .page-title-wrapper h1 {
    627     font-size: 25px;
    628     font-weight: 600;
    629     letter-spacing: -0.01em;
    630     color: #fff;
    631     margin: 3px 0 15px;
    632 }
    633 .prev-next-products a {
    634     color: #fff;
    635 }
    636 .product-reviews-summary .reviews-actions a {
    637     line-height: 20px;
    638     font-size: 14px;
    639     color: #bdbdbd;
    640 }
    641 .product-info-main .product.overview {
    642     font-weight: 400;
    643     border-bottom: solid 1px #303438;
    644 }
    645 .product.media {
    646     padding-right: 12px;
    647 }
    648 .fotorama__stage__shaft {
    649     border: none;
    650 }
    651 .fotorama__nav--thumbs .fotorama__thumb {
    652     border-color: #303438;
    653 }
    654 .product-options-bottom .price-box .price-container .price, .product-info-price .price-box .price-container .price {
    655     font-family: 'Poppins';
    656     font-size: 24px;
    657     font-weight: 600;
    658     letter-spacing: -0.02em;
    659     color: #ee8379;
    660 }
    661 .product-info-main .product-info-price .old-price .price-wrapper .price {
    662     font-size: 16px;
    663     font-weight: 400;
    664 }
    665 .product-info-main .fieldset > .field.qty, .product-info-main .nested.options-list > .field.qty {
    666     position: relative;
    667     width: 106px;
    668 }
    669 .product-info-main .qty.field .control, .product-info-main .qty.field .qty-changer {
    670     margin-left: 29px;
    671 }
    672 .product-info-main .qty.field .qty-changer > a {
    673     position: absolute;
    674     top: 0;
    675     left: 0;
    676     height: 43px;
    677     width: 30px;
    678     line-height: 41px;
    679     text-align: center;
    680     margin: 0;
    681     border-color: #303438;
    682 }
    683 .product-info-main .qty.field .qty-changer > a:first-child {
    684     left: auto;
    685     right: 4px;
    686 }
    687 .product-info-main .box-tocart .input-text.qty {
    688     display: inline-block;
    689     vertical-align: middle;
    690     height: 43px;
    691     width: 44px!important;
    692     font-size: 14px;
    693     font-weight: 400;
    694     text-align: center;
    695     color: #fff;
    696     margin: 0;
    697     border-color: #303438;
    698 }
    699 .product-info-main .qty.field .qty-changer > a .porto-icon-up-dir:before {
    700     content: '\f882';
    701 }
    702 .product-info-main .qty.field .qty-changer > a .porto-icon-down-dir:before {
    703     content: '\f883';
    704 }
    705 .catalog-product-view:not(.weltpixel-quickview-catalog-product-view):not(.weltpixel_quickview-catalog_product-view) .box-tocart .action.tocart {
    706     height: 43px;
    707     font-size: 14px;
    708     letter-spacing: 0.05em;
    709     font-weight: 400;
    710 }
    711 .box-tocart .action.tocart:before {
    712     content: '\e87f';
    713     font-family: 'porto-icons';
    714     margin-right: 7px;
    715     font-size: 16px;
    716 }
    717 .action.primary,.action.primary:active {
    718     font-family: "Poppins";
    719     text-transform: uppercase;
    720 }
    721 .product.data.items > .item.content {
    722     background-color: #222529;
    723     box-shadow: none;
    724     border: none;
    725     border-top: #303438 solid 1px;
    726     font-size: 14px;
    727     font-weight: 400;
    728     letter-spacing: 0.005em;
    729     line-height: 27px;
    730 }
    731 .product.data.items>.item.title.active>.switch, .product.data.items>.item.title.active>.switch:focus, .product.data.items>.item.title.active>.switch:hover {
    732     border-bottom-color: #fff;
    733 }
    734 .product-info-main .product-addto-links > a.action, .product-info-main .product-addto-links + a.action.mailto {
    735     width: 43px;
    736     height: 43px;
    737     line-height: 41px;
    738 }
    739 @media (min-width: 1440px) {
    740 .product-info-main .page-title-wrapper h1 {
    741     font-size: 32px;
    742     font-weight: 700;
    743     letter-spacing: -0.01em;
    744 }
    745 }
    746 .product-info-main .product.overview {
    747     font-size: 16px;
    748     font-family: 'Open Sans';
    749     line-height: 1.6875;
    750     letter-spacing: -0.015em;
    751     color: #777;
    752 }
    753 .side-list .product-items .product-item-info .product-item-photo {
    754     width: 75px;
    755     border: 0;
    756     margin-right: 15px;
    757 }
    758 .catalog-product-view .sidebar .block.related, .catalog-product-view .sidebar .sidebar-title {
    759     margin-top: 0;
    760     font-size: 12px;
    761     font-weight: 600;
    762     letter-spacing: 0.05em;
    763     border-bottom: 1px solid #303438;
    764     padding-bottom: 6px;
    765     line-height: 1.4;
    766 }
    767 .catalog-product-view .sidebar .block.related {
    768     border-bottom: 0;
    769 }
    770 .product.description p, .product.description ul {
    771     font-family: 'Open Sans';
    772     color: #777;
    773 }
    774 .prev-next-products a {
    775     display: inline-block;
    776     width: 28px;
    777     height: 28px;
    778     text-align: center;
    779     border: 2px solid #e7e7e7;
    780     line-height: 25px;
    781     border-radius: 15px;
    782     font-size: 16px;
    783 }
    784 .prev-next-products .product-nav.product-prev .product-pop:before {
    785     left: 29px;
    786 }
    787 .prev-next-products .product-nav.product-next .product-pop:before {
    788     right: 23px;
    789 }
    790 .page-main {
    791     padding-top: 35px;
    792 }
    793 .page-header.type26 {
    794     background: #2c2f33;
    795 }
    796 .page-header.type26 .panel.wrapper {
    797     background-color: #222529;
    798     color: #fff;
    799 }
    800 .page-header.type26 a, .page-header.type26 .nav-toggle:before {
    801     color: #fff;
    802 }
    803 .page-header.type26 .minicart-wrapper .block-minicart {
    804     background-color: #222529;
    805 }
    806 @media (max-width: 767px) {
    807     .nav-sections {
    808         background-color: #222529;
    809     }
    810     header.page-header .nav-sections-item-title {
    811         background-color: #333;
    812         border-color: #444;
    813     }
    814     header.page-header .nav-sections-item-title.active > a, header.page-header .nav-sections-item-title.active > a:hover, header.page-header .nav-sections-item-title.active > a:focus {
    815         color: #fff;
    816     }
    817     .sw-megamenu.navigation li.ui-menu-item > a {
    818         color: #fff !important;
    819     }
    820     .navigation .level0 {
    821         border-color: #333;
    822     }
    823     .navigation {
    824         padding: 0;
    825     }
    826     .navigation li.level0 > a.ui-state-active, .navigation li.level0 > a.ui-state-active + .submenu {
    827         background-color: #2a2b2e;
    828         font-weight: 400;
    829     }
    830     .nav-sections .header.links li, .nav-sections .switcher {
    831         border-color: #333;
    832         color: #fff;
    833     }
    834     .nav-sections .header.links a, .nav-sections .header.links a:hover {
    835         color: #fff;
    836     }
    837     .menu-thumb-icon {
    838         margin-right: 5px;
    839     }
    840 }
    841 body {
    842     background-color: #222529;
    843 }
    844 .toolbar select {
    845     background-color: #2e3237;
    846     border-color: #2e3237;
    847     height: 32px;
    848     color: #999;
    849     font-size: 13px;
    850 }
    851 .opc-wrapper .step-title, .opc-block-shipping-information .shipping-information-title, .opc-block-summary > .title, .checkout-agreements-items .checkout-agreements-item-title {
    852     font-size: 16px;
    853 }
    854 .opc-block-shipping-information .shipping-information-title .action-edit {
    855     top: -5px;
    856 }
    857 select, textarea, input[type="text"], input[type="password"], input[type="url"], input[type="tel"], input[type="search"], input[type="number"], input[type="datetime"], input[type="email"] {
    858     background-color: #2e3237;
    859     border-color: #2e3237;
    860     color: #999;
    861 }
    862 .product.description ul li [class^=porto-icon-] {
    863     color: #fff;
    864 }
    865 .table > tbody > tr > th, .table > tbody > tr > td {
    866     border-color: #303438;
    867 }
    868 .product-item-actions .action.towishlist, .product-addto-links .action.towishlist, .action.towishlist {
    869     border-color: #303438;
    870 }
    871 .box-tocart .action.tocart, .bundle-options-container .block-bundle-summary .box-tocart .action.primary {
    872     background-color: #2e3237;
    873     border-color: #2e3237;
    874 }
    875 .post-holder, .widget.block-categories li, .widget.block-archive .item, .account-nav .nav>li>a, .order-details-items, .abs-table-striped > thead > tr > th, .abs-table-striped > thead > tr > td, .account .column.main .order-details-items .table-wrapper .data.table > thead > tr > th, .account .column.main .order-details-items .table-wrapper .data.table > thead > tr > td, [class^="sales-guest-"] .column.main .order-details-items .table-wrapper .data.table > thead > tr > th, [class^="sales-guest-"] .column.main .order-details-items .table-wrapper .data.table > thead > tr > td, .sales-guest-view .column.main .order-details-items .table-wrapper .data.table > thead > tr > th, .sales-guest-view .column.main .order-details-items .table-wrapper .data.table > thead > tr > td, .block-giftregistry-results .data.table > thead > tr > th, .block-giftregistry-results .data.table > thead > tr > td, .block-wishlist-search-results .data.table > thead > tr > th, .block-wishlist-search-results .data.table > thead > tr > td, .magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table > thead > tr > th, .magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table > thead > tr > td, .table tfoot, .cart.table-wrapper .cart thead tr th.col, .qty.field .qty-changer > a, table, .cart.table-wrapper .cart > .item, .abs-cart-block > .title, .abs-discount-block .block > .title, .cart-summary .block > .title, .paypal-review-discount .block > .title, .cart-discount .block > .title, .cart-totals, .opc-block-summary .table-totals, .cart-totals .grand .mark, .opc-block-summary .table-totals .grand .mark, .cart-totals .grand .amount, .opc-block-summary .table-totals .grand .amount, .opc-wrapper .step-title, .opc-block-summary .items-in-cart > .title, .table-checkout-shipping-method tbody td, .opc-block-shipping-information .shipping-information-title {
    876     border-color: #303438;
    877 }
    878 .block-compare .block-title strong, .block-reorder .block-title strong, .widget .block-title strong, .block-wishlist .block-title strong, .cart-totals tbody .amount, .cart-totals tfoot .amount, .opc-block-summary .table-totals tbody .amount, .opc-block-summary .table-totals tfoot .amount {
    879     color: #fff;
    880 }
    881 .login-container, .form.password.reset, .form.send.confirmation, .form.password.forget, .form.create.account, .form.form-edit-account, .form-address-edit, .form-newsletter-manage {
    882     background-color: #222529;
    883     border-left-color: #303438;
    884     border-right-color: #303438;
    885     border-bottom-color: #303438;
    886 }
    887 .account-nav .nav>li>strong {
    888     border-bottom: 1px solid #303438;
    889     color: #fff;
    890 }
    891 .order-links .item strong {
    892     background-color: #303438;
    893     border-color: #303438;
    894 }
    895 .abs-table-striped > tbody > tr:nth-child(even) > td, .abs-table-striped > tbody > tr:nth-child(even) > th, .account .column.main .order-details-items .table-wrapper .data.table > tbody > tr:nth-child(even) > td, .account .column.main .order-details-items .table-wrapper .data.table > tbody > tr:nth-child(even) > th, [class^="sales-guest-"] .column.main .order-details-items .table-wrapper .data.table > tbody > tr:nth-child(even) > td, [class^="sales-guest-"] .column.main .order-details-items .table-wrapper .data.table > tbody > tr:nth-child(even) > th, .sales-guest-view .column.main .order-details-items .table-wrapper .data.table > tbody > tr:nth-child(even) > td, .sales-guest-view .column.main .order-details-items .table-wrapper .data.table > tbody > tr:nth-child(even) > th, .block-giftregistry-results .data.table > tbody > tr:nth-child(even) > td, .block-giftregistry-results .data.table > tbody > tr:nth-child(even) > th, .block-wishlist-search-results .data.table > tbody > tr:nth-child(even) > td, .block-wishlist-search-results .data.table > tbody > tr:nth-child(even) > th, .magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table > tbody > tr:nth-child(even) > td, .magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table > tbody > tr:nth-child(even) > th, .opc-progress-bar-item > span:after {
    896     background-color: #222529;
    897 }
    898 .box .box-title, .box .box-actions {
    899     background-color: #2e3237;
    900     border-color: #303438;
    901 }
    902 .block-order-details-view .box .box-content, .box .box-content, .cart.table-wrapper .product-image-container, button:not(.primary), .cart-summary, .opc-block-summary {
    903     background-color: #222529;
    904     border-color: #303438;
    905 }
    906 .opc-progress-bar-item > span:before, .opc-progress-bar-item > span:after, .opc-progress-bar-item:before {
    907     background-color: #303438;
    908 }
    909 .opc-progress-bar-item > span:after {
    910     color: #fff;
    911 }
    912 .footer-top {
    913     padding: 35px 0;
    914     border-bottom: 1px solid #2a2e33;
    915 }
    916 .social-icons > a {
    917     width: 30px;
    918     height: 30px;
    919     line-height: 30px;
    920     display: inline-block;
    921     text-align: center;
    922     border-radius: 20px;
    923 }
    924 .footer .social-icons a [class^="porto-icon-"] {
    925     color: inherit;
    926 }
    927 .footer .social-icons a[title="Facebook"]:hover {
    928     background-color: #3b5a9a;
    929     color: #fff;
    930 }
    931 .footer .social-icons a[title="Twitter"]:hover {
    932     background-color: #1aa9e1;
    933     color: #fff;
    934 }
    935 .footer .social-icons a[title="Instagram"]:hover {
    936     background-color: #7c4a3a;
    937     color: #fff;
    938 }
    939 .footer .social-icons a[title="Linkedin"]:hover {
    940     background-color: #0073b2;
    941     color: #fff;
    942 }
    943 .footer-middle .social-icons a {
    944     color: #fff;
    945     transition: all .3s;
    946     box-shadow: none;
    947     font-size: 16px;
    948     width: 40px;
    949     height: 40px;
    950     border: 1px solid #292d32;
    951     border-radius: 50px;
    952     line-height: 40px;
    953     margin: 2px;
    954 }
    955 .footer-middle .footer-logo {
    956     margin-bottom: 30px;
    957 }
    958 .footer-middle {
    959     padding: 45px 0 15px;
    960 }
    961 @media (min-width: 992px) {
    962     .footer-middle .social-icons {
    963         margin-left: 20px;
    964     }
    965     .footer-middle .footer-logo {
    966         border-right: 1px solid #2a2e33;
    967     }
    968 }
    969 .footer-bottom address {
    970     float: none;
    971     text-align: center;
    972 }
    973 button.btn.btn-default {
    974     color: #ffffff;
    975     background-color: #000000;
    976     border: 0;
    977     font-family: 'Open Sans';
    978     font-weight: 700;
    979     text-transform: uppercase;
    980     padding: 1.2em 2.5em;
    981     letter-spacing: 0.01em;
    982     height: auto;
    983     font-size: 14px;
    984     line-height: 1.3333;
    985 }
    986 button.btn.btn-default:hover {
    987     color: #ffffff;
    988     background-color: #121212;
    989 }
    990 button.btn.btn-default.btn-sm {
    991     padding: 1em 2.25em;
    992 }
    993 .filterproduct-title {
    994     background: none;
    995     font-size: 24px;
    996     line-height: 1;
    997     margin-bottom: 24px;
    998     color: #fff;
    999     text-transform: none;
    1000 }
    1001 .filterproduct-title .content {
    1002     background: none;
    1003 }
    1004 .filterproduct-title .content strong {
    1005     font-weight: 600;
    1006 }
    1007 .filterproduct-title + .products {
    1008     margin-top: -10px;
    1009     margin-bottom: 0;
    1010 }
    1011 .filterproduct-title > a {
    1012     font-size: 12px;
    1013     font-weight: 600;
    1014     float: right;
    1015     line-height: 24px;
    1016 }
    1017 .filterproduct-title > a > i {
    1018     margin-left: 5px;
    1019 }
    1020 .products-grid .product-item .product-item-info.type1 {
    1021     background-color: transparent;
    1022 }
    1023 .owl-theme .owl-dots .owl-dot span {
    1024     background: none;
    1025     border: 2px solid #fff;
    1026     width: 14px;
    1027     height: 14px;
    1028     position: relative;
    1029     margin: 5px 2px;
    1030 }
    1031 .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    1032     background: none;
    1033     border-color: #fff;
    1034 }
    1035 .owl-theme .owl-dots .owl-dot.active span:after, .owl-theme .owl-dots .owl-dot:hover span:after {
    1036     content: '';
    1037     position: absolute;
    1038     left: 3px;
    1039     bottom: 3px;
    1040     right: 3px;
    1041     top: 3px;
    1042     border-radius: 10px;
    1043     background-color: #fff;
    1044 }
    1045 .owl-bottom-narrow .owl-controls {
    1046     position: static;
    1047     border: 0;
    1048 }
    1049 .owl-bottom-narrow .owl-controls .owl-dots {
    1050     margin-top: 0;
    1051 }
    1052 .products-grid .product-item .product-item-info.type1:hover .weltpixel-quickview.weltpixel_quickview_button_v2, .products-grid .product-item .product-item-info.type4:hover .weltpixel-quickview.weltpixel_quickview_button_v2 {
    1053     font-size: 13px;
    1054 }
    1055 .prev-next-products .product-nav .product-pop {
    1056     background-color: #353a40;
    1057 }
    1058 .prev-next-products .product-nav .product-pop .product-name {
    1059     color: #fff;
    1060 }
    1061 .page-header.type26 .block-search .action.search, .page-header.type26 .block-search .action.search:before {
    1062     color: #fff;
    1063 }
    1064 .sidebar .block.related.owl-top-narrow .owl-theme .owl-controls {
    1065     display: none;
    1066 }
    1067 select {
    1068     background-image: url(../web/images/select-bg2.svg);
    1069 }
    1070 @media (max-width: 767px) {
    1071 .filter.active .filter-options {
    1072     background-color: #222529;
    1073 }
    1074 .filter.active .filter-title {
    1075     background-color: #111;
    1076 }
    1077 }